<template>
  <div id="box" class="component-wrap">
    <div class="box">
      <h2>调拨单号-{{item.allocateNum}}</h2>
      <ul class="box-info">
        <li class="clearfix">
          <img src="../../assets/ic_date_export@3x.png" />
          <span>调出日期：</span>
          <span class="box-info-right">{{item.exportTime}}</span>
        </li>
        <li class="clearfix">
          <img src="../../assets/ic_organization_inport@3x.png" />
          <span>调出前组织：</span>
          <span class="box-info-right">{{item.exportOrganization}}</span>
        </li>
        <li class="clearfix">
          <img src="../../assets/ic_admin_export@3x.png" />
          <span>调出管理员：</span>
          <span class="box-info-right">{{item.exportAdmin}}</span>
        </li>
        <li class="clearfix">
          <img src="../../assets/ic_organization_inport@3x.png" />
          <span>调入后组织：</span>
          <span class="box-info-right">{{item.importOrganization}}</span>
        </li>
        <li class="clearfix">
          <img src="../../assets/ic_admin_import@3x.png" />
          <span>调入管理员：</span>
          <span class="box-info-right">{{item.exportAdmin}}</span>
        </li>
        <li class="clearfix">
          <img src="../../assets/ic_remarks@3x.png" />
          <span>备注：</span>
          <span class="box-info-right">{{item.remark}}</span>
        </li>
      </ul>
      <span class="circle circle-left"></span>
      <span class="circle circle-right"></span>
      <img src="../../assets/label_ok@3x.png" class="box-status" v-if="item.status === '已确认'" />
      <img src="../../assets/label_reject@3x.png" class="box-status" v-if="item.status === '已驳回'" />
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: "AllocateDetailBox",
    props: [ "item" ]
  }
</script>
